<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>丽水智慧工地企业门户-人员数据导出辅助工具</title>
    <link href="https://www.layuicdn.com/layui/css/layui.css" rel="stylesheet">
</head>
<body>
<blockquote class="layui-elem-quote">
    <h3>丽水智慧工地企业门户-人员数据导出辅助工具</h3>
</blockquote>
<fieldset class="layui-elem-field">
    <legend>使用方法</legend>
    <div class="layui-field-box">
        1.使用burpsuite获取返回的json数据
        <br>
        2.修改返回数据中status里的code的值为0
		<br>
		3.将json数据保存在json.js里
    </div>
</fieldset>
<table id="demo" lay-filter="test"></table>
<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
<script src="https://www.layuicdn.com/layui/layui.js"></script>
<script type="text/html" id="sfzyxzrq">
    {{layui.util.toDateString(d.sfzyxzrq,'yyyy-MM-dd')}}
</script>
<script type="text/html" id="jinchangdate">
    {{layui.util.toDateString(d.jinchangdate,'yyyy-MM-dd')}}
</script>
<script type="text/html" id="chuchangdate">
    {{#  if(d.chuchangdate){ }}
    {{layui.util.toDateString(d.chuchangdate,'yyyy-MM-dd')}}
    {{#  } }}

</script>

<script>
    //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
    layui.use(['table'], function () {
        table = layui.table;

        table.render({
            elem: '#demo'
            , height: 'auto'
            , page: false
            , toolbar: ['filter', 'print', 'exports']
            , url: 'json.js' //数据接口
            , limit: 300
            , parseData: function (res) {
                // console.log(res);
                var data = res.controls[0].data;
                //处理身份证格式,不然excel导出会有问题
                for (index in data) {
                    data[index].idnum = data[index].idnum + '\n';
                }
                //重新定义返回字段
                return {
                    "code": res.status.code, //解析接口状态
                    "msg": res.status.text, //解析提示文本
                    "count": res.controls[0].total, //解析数据长度
                    "data": res.controls[0].data, //解析数据列表
                };
            }
            , cols: [[ //表头
                {field: 'username', title: '姓名', sort: true},
                {field: 'idnum', title: '身份证', sort: true},
                {field: 'sfzyxzrq', title: '身份证有效期', sort: true, templet: '#sfzyxzrq'},
                {field: 'sex', title: '性别', sort: true},
                {field: 'zz', title: '住址', sort: true},
                {field: 'banzuname', title: '班组', sort: true},
                {field: 'projectname', title: '项目名称', sort: true},
                {field: 'jinchangdate', title: '进场日期', sort: true, templet: '#jinchangdate'},
                {field: 'chuchangdate', title: '出场日期', sort: true, templet: '#chuchangdate'},

            ]]
        });
    });
</script>
</body>
</html>